<script setup lang="ts">
import {TITLE} from "@/utils/constants";

</script>

<template>
  <div class="header">
    <div class="title">
      {{ TITLE }}
    </div>

  </div>
</template>

<style lang="scss">
@use "../styles/global.scss" as *;

.header {
  $headerBgColor: #000;

  @extend %flex-hv-center;
  justify-content: space-evenly;
  flex-direction: row;
  width: auto;
  height: $headerHeight;
  background-color: $headerBgColor;

  .title {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
  }
}
</style>
